<script setup>
import {useDark,useToggle} from "@vueuse/core"

useDark({
  selector: 'html',
  attribute: 'class',
  valueDark: 'dark',
  valueLight: 'light',
})

useDark({
  onChange(dark) { useToggle(dark)}
})
</script>

<template>
  <div>
    <router-view/>
  </div>
</template>

<style>
.el-card{
  margin-bottom: 10px;
}
</style>
